<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>慢作后台管理界面</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="alternate icon" type="image/png" href="/assets/i/favicon.png">
    <link rel="stylesheet" href="base-component/amazeui/css/amazeui.min.css"/>
    <link rel="stylesheet" href="base-component/layui/css/layui.css"/>
    <style>
        body{
            background: url('assets/i/cakeBG.jpg') no-repeat;
            background-size: 100% 100%;
        }
        body{
            height:100%;
        }
        .header {
            text-align: center;
            background: transparent;
            color: white;
        }
        .header .am-g{
            width:30%;
            margin-left:0;
        }
        .header h1 {
            font-size: 200%;
            color: white;
            margin-top: 30px;
        }

        .header p {
            font-size: 14px;
        }

        .content{
            margin-top: 100px;
            background-color: rgba(0,0,0,0.5);
            padding-top: 30px;
            width:300px;
            border-radius: 10px;
            color: white;
        }
        [class*=am-u-].am-u-sm-centered{
            margin:0;
        }
        .forget{
            float: right;
        }
        .postBtn{
            width:70%;
            margin:0 auto;
        }
        #login_submit{
            width:100%;
        }
        p{text-align: center;}
    </style>
</head>
<body>
<div class="header">
    <div class="am-g">
        <h1>慢作后台管理界面</h1>
        <p>Only for a more convenient life<br/>只为更方便的生活</p>
    </div>
</div>
<div class="am-g content">
    <div class="am-u-sm-centered">
        <form class="am-form" id="login-form" data-am-validator>
            <div class="am-form-icon am-form-feedback">
                <label class="am-form-label" for="userName">用户名:</label>
                <input type="text" id="userName" class="am-form-field"  placeholder="请输入登录名" required>
                <!--<span class="am-icon-check"></span>-->
            </div>
            <br>
            <div class="am-form-icon am-form-feedback">
                <label class="am-form-label" for="password">密&nbsp;&nbsp;&nbsp;码:</label>
                <input type="password" id="password" class="am-form-field"  placeholder="请输入密码" required>
                <!--<span class="am-icon-check"></span>-->
            </div>
            <br>
            <!-- <div class="am-g" style="margin-left: 0px !important; margin-right: 0px !important;">
                <label class="" style="display: inline-block !important;">
                    <input id="rememberPassword" type="checkbox" value="" data-am-ucheck> 记住密码
                </label>
                <label class="forget" style="display: inline-block !important;">
                    <input id="forget_password" type="checkbox" value="" data-am-ucheck> 忘记密码 ^_^
                    <input type="button" name="" value="忘记密码 ^_^? " class="am-btn am-btn-sm am-fr" id="forget_password">
                </label> 
            </div> -->
            <br/>
            <div class="am-cf postBtn">
                <input type="button" name="" value="登 录" class="am-btn am-btn-success am-radius am-btn-xl" id="login_submit">   
            </div>
        </form>
        <hr>
        <p>© 2017 慢作 | 好东西慢慢作</p>
        <br>
    </div>
</div>
<script src="base-component/jquery/jquery.min.js"></script>
<script src="base-component/jquery/jquery.cookie.js"></script>
<script src="base-component/jquery/jquery.md5.js"></script>
<script src="base-component/amazeui/js/amazeui.min.js"></script>
<script src="assets/js/api.js"></script>
<script src="base-component/layer/layer.js"></script>
<script src="base-component/layui/layui.js"></script>
<script src="assets/js/login.js"></script>
</body>
</html>
